import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/AboutView.vue')
    },
    {
      path: '/flower',
      name: 'flower',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/FlowerView.vue')
    },
    {
      path: '/order',
      name: 'order',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/OrderView.vue')
    },
    {
      path: '/mine',
      name: 'mine',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/MineView.vue')
    },
    {
      path: '/FlowerLanguage',
      name: 'FlowerLanguage',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/FlowerLanguage.vue'),
      meta: {
        hideTabBar: true,
      },
    },
    {
      path: '/ArticleVew',
      name: 'ArticleVew',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/ArticleVew.vue'),
      meta: {
        hideTabBar: true,
      },
    },
    {
      path: '/ArticleDetails',
      name: 'ArticleDetails',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/ArticleDetails.vue'),
      meta: {
        hideTabBar: true,
      },
    },
    {
      path: '/OptionalView',
      name: 'OptionalView',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/OptionalView.vue'),
      meta: {
        hideTabBar: true,
      },
    },
    {
      path: '/ParticularsView',
      name: 'ParticularsView',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/ParticularsView.vue'),
      meta: {
        hideTabBar: true,
      },
    },
    {
      path: '/ShopListView',
      name: 'ShopListView',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/ShopListView.vue'),
      meta: {
        hideTabBar: true,
      },
    }
  ]
})

export default router
